<!DOCTYPE html>
<!-- 在html标签中加入thymeleaf 的命名空间 xmlns ==> xml name space -->
<html lang="en" xmlns:th="www.thymeleaf.org" >
<head>
    <title>主页</title>
    
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Blog Template">
    <meta name="author" content="Xiaoying Riley at 3rd Wave Media">    
    <link rel="shortcut icon" href="favicon.ico"> 
    
    <!-- FontAwesome JS-->
    <script defer src="https://use.fontawesome.com/releases/v5.7.1/js/all.js"></script>
    
    <!-- Theme CSS -->  
    <link id="theme-style" rel="stylesheet" href="assets/css/theme-1.css">
    <link id="theme-style" rel="stylesheet" href="assets/css/div-container.css">

</head> 
<script type="text/javascript">
var time=10;  
function closeWindow(){  
    window.setTimeout('closeWindow()',1000);  
    if(time>0){  
        document.getElementById("daojishi").innerHTML=" 倒计时<font color=red>"+time+"</font>秒后关闭当前窗口";  
        time--;  
    }
    else{  
        window.opener=null; //关闭窗口时不出现提示窗口  
        window.close();  
    }  
}
</script>
<body onload="closeWindow();">
	<div class="div-container" id="div-container" th:fragment="alertBox" style="display: block;">
		<div class="div-child-container">
			<div class="div-child">
				<br/>
				<span style="font-size: 35px;font-weight: bold;">您已成功取消订阅</span>
				<br/>
				<span id="daojishi"></span>
				<div class="my-btn">
					<button class="btn btn-primary" id="confrim" onclick="confrim()">继续阅读博客</button>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	    function confrim(){
			window.location.href = "index"
		}
	</script>
</body>
</html> 

